<div id="banner">
    <div class="slide_container">
        <ul class="rslides rslides1" id="slider">
            <li id="rslides1_s0" class="rslides1_on"
                style="display: block; float: left; position: relative; opacity: 1; z-index: 2; transition: opacity 1000ms ease-in-out 0s;">
                <img src="img/banner1.jpg" alt="">
            </li>
            <li id="rslides1_s1" class=""
                style="float: none; position: absolute; opacity: 0; z-index: 1; display: list-item; transition: opacity 1000ms ease-in-out 0s;">
                <img src="img/banner2.jpg" alt="">
            </li>
            <li id="rslides1_s2" class=""
                style="float: none; position: absolute; opacity: 0; z-index: 1; display: list-item; transition: opacity 1000ms ease-in-out 0s;">
                <img src="img/banner3.jpg" alt="">
            </li>
        </ul>
    </div>
</div>